<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/DIN_1451_Mittelschrift_DB_400.font.js" type="text/javascript"></script>
<script src="js/Futuris_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_italic_300.font.js" type="text/javascript"></script>
</head>

<body id="page4">
	<div id="main">
		<!--header -->
		<div id="header">
			<a href="#" class="twitter"><img src="images/twitter.jpg" alt=""/></a>
			<div class="wrapper">
				<div class="logo">	
				<div class="right">
					<ul>
						<li><a href="#">Support</a></li>
						<li><a href="#">SiteMap</a></li>
						<li><a href="#">RSS </a></li>
					</ul>
				</div>			
				<a href="index.html"><img src="images/logo.jpg" alt=""/></a>				
			</div>    </div>
			<ul class="menu">
				<li><a href="index.html">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html" class="active">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<div class="slogan">
				<h1 class="grey">A place of light,</h1>
				<h1 class="grey"><span>of liberty, and learning</span></h1>
				<p>A wonderful opportunity to find out<br/> much more about the world, and<br/> about yourself</p>
				<a href="#" class="link">our special programs</a>
			</div>
		</div>
		<!--header end-->
		<div id="content">
			<div class="row1">
				<div class="wrapper">
					<div class="col1">
						<div class="row1">
							<h2>List of programs</h2>						
							<div class="wrapper">
								<ul class="left">
									<li><a href="#">Praesent vestibulum molestie enean </a></li>
									<li><a href="#">Nonummy hendrerit mauris phasellus </a></li>
									<li><a href="#">Porta fuscemet suscipit varius micum </a></li>
									<li><a href="#">Sociisen natoque penatibus etmagnis</a></li>
								</ul>
								<ul class="right">
									<li><a href="#">Porta fuscemet suscipit varius micum </a></li>
									<li><a href="#">Sociisen natoque penatibus etmagnis </a></li>
									<li><a href="#">Dis parturient montes nascetur ridiculu</a></li> 
									<li><a href="#">Musnulla duiuscgiat malesuada odio </a></li>
								</ul>
							</div>						
							<p class="links"><a href="#" class="link">read more</a></p>
						</div>
						<div class="row2">
							<h2>Lessons plans</h2>
							<p><span>Lorem ipsum dolor sit amet</span> consectetuer adipiscing elit. Praesent vestibulum molestie ene
an nonummy hendrerit mauris phasellus porta fusce suscipit varius micum sociisen natoqu penatibus emagnis dis parturient montes nascetur ridiculus musnulla duiuscgiat malesuad odio.Morbi nunc odio, gravida at, cursus nec luctus a lorem.  </p>

<p><span>Donec sit amet eros lorem ipsum</span> dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius micum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio.</p>
							<p class="links"><a href="#" class="link">read more</a></p>
						</div>
					</div>
					<div class="col2 comments">
					<h2>Specialized programs</h2>
						<div class="block_type2">
						<div class=" block_type2_bottom type3">
								<p><span>Ut enim ad minima veniam quis</span> nostrum exercitation ullamet corporis suscipit laboriosam nisi uti aliquid exea lorem ipsum dol unde omnis inatus error sivoluptatem accusantium doloremque.</p>
								<ul>
									<li><a href="#">Porta fuscemet suscipit varius micum sociisen natoque penatibus </a></li>
									<li><a href="#">Etmagnis disem parturient montes nascetur ridiculu musnulla</a></li>
								</ul>
							</div>
						</div>
						<div class="block_type2">
							<div class=" block_type2_bottom type3">
								<p><span>Sed ut perspiciatis unde omnis</span> nostrum exercitation ullamet corporis suscipit laboriosam nisi uti aliquid exea lotrem ipsum dol unde omnis inatus error sivoluptatem accusantium doloremque.</p>
								<ul>
									<li><a href="#">Parturient montes nascetur ridiculu musn duiuscgiat malesuada</a></li>
									<li><a href="#">Odio morbi nunc odio gravida cursus nec luctus lorem maecenas </a></li>
								</ul>
							</div>
						</div>
						<div class="block_type2">
							<div class=" block_type2_bottom type3">
								<p><span>Vestibulum iaculis lacinia estot</span> nostrum exercitation ullamet corporis suscipit laboriosam nisi uti aliquid exea lorem ipsum dol unde omnis inatus error sivoluptatem accusantium doloremque.</p>
								<ul>
									<li><a href="#">Porta fuscemet suscipit varius micum sociisen natoque penatibus </a></li>
									<li><a href="#">Etmagnis disem parturient montes nascetur ridiculu musnulla</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				</div>
			</div>
			<div class="row2">
						<h2>Academics</h2>
						<p><span>Praesent vestibulum molestie enean</span> nonummy hendrerit mauris phasellus porta fuscemet suscipit varius micum sociisen natoque penatibus etmagnis dis parturient montes nascetur ridiculus mus nulla duiuscgiat malesuada odio.Morbi nunc odio, gravida at cursus nec luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet consectetuer adipiscing elit mauris fermentum.</p>
				<p class="links"><a href="#" class="link">read more</a></p>			
		</div>
		<!--footer -->
		<div id="footer">
			<div class="right">
				<h6>Contact information</h6>
				<p>Telephone / Fax: (000) 123-4567<br/>Location: New York, NY 10000</p>
			</div>
			<ul class="menu">
				<li class="first"><a href="index.html" class="active">Home</a>/ </li>
				<li><a href="index-1.html">History</a>/ </li>
				<li><a href="index-2.html">Admission</a>/ </li>
				<li><a href="index-3.html">Programs</a>/ </li>
				<li><a href="index-4.html">Staff</a>/ </li>
				<li><a href="index-5.html">Forum</a>/ </li>
				<li><a href="index-6.html">Photos</a>/ </li>
				<li><a href="index-7.html">Contact us</a></li>
			</ul>
			<span>College page</span>   &copy; 2010&nbsp;  |  &nbsp;<a href="index-8.html">Privacy policy</a>
		</div>
		<!--footer end-->
	</div>
   <script type="text/javascript"> Cufon.now(); </script>
</body>

</html>